/* CSS Document */

@media screen and (max-width:1249px){
    .banner{padding-bottom: 40%;}
    .headbox .tel{padding: 40px 110px 0 55px;}
    .headbox .tel em{font-size: 28px;}
    .headbox .ewm{width:110px;top:10px;}
    .xbanner div{padding-left: 110px;}
    .xbanner div img{left: -10px;}

    .difficulty ul{height:400px;background-position-y: 100px;}
    .difficulty ul .txt1{bottom:85px;margin-left: -430px;}
    .difficulty ul .txt2{bottom:225px;margin-left: -325px;}
    .difficulty ul .txt4{bottom:225px;margin-left: 65px;}
    .difficulty ul .txt5{bottom:85px;margin-left: 170px;}

    .companybox .txtbox .cont .txt{margin: 1% 0;}
    .companybox .txtbox .cont .btn{padding-top: 5%;}
    
    .zixunbox .w1200{padding:10px 32% 45px 2%;}
    .newsbox .list{padding-left: 42%;}
    .newsbox .list .img{width:39%;max-width: 270px;}
    .faqbox{width: 28%;max-width:320px;right:2%;}
    
    .pro-nav-box .cont ul{width:calc(100% + 10px);}
    .pro-nav-box .cont ul li{padding-right: 10px;}
    
    .footbox .middlebox{padding-left: 5%;}
    
    .pro_list_con ul{width:calc(100% + 10px);margin-left: -5px;}
    .pro_list_con ul li{padding: 5px;width: 33.33%;}
    .productmore .pro_list_con ul li{width: 25%;}

    .rightmain{border: 0;padding: 15px 0 0;}
    .wzdtpage .cont .bum_con ul{width: calc(100% + 10px);}
    .wzdtpage .cont .bum_con ul li{padding-right:10px;}
}


@media screen and (max-width:991px){
    body{min-width: 320px;}
    .w1920{max-width:991px;min-width: 320px;}
    .w1200{width: 96%;}
    
    .topbox,.headbox .logo,.headbox .tel,.headbox .ewm,.bannerppt .btn span img,.clabox .titl,.clabox .tel,.clabox .cont ul li dl,.probox .titl{display: none;}
    .headbox .mob-logo,.headbox .navico{display: block;}
    .headbox{min-width:320px;height: 60px;position: fixed;left:0;top:0;z-index: 99999;border-bottom: 1px solid rgba(255,255,255,.2);background: rgba(0,0,0,.6);}
 
    .navbox{min-width: 320px;position: fixed;left: 0;top:0;background: #333;height:0;}
    .navbox.on{height:100vh;padding-top: 65px;}
    .navbox ul{width:94%;margin: 0 auto;height: calc(100vh - 70px);overflow-y: auto;}
    .navbox ul li{width: 100%;text-align: left;background: none;border-bottom: 1px solid #666;}
    .navbox ul li a{padding: 0 10px;background: url(../images/icon3.png) right center no-repeat;color: #ccc;}
    .navbox ul li:hover a,.navbox ul li.on a{background: url(../images/icon4.png) right center no-repeat;color: #fff;font-weight:bold;}

    .banner{margin-top: 60px;}
    .bannerppt .btn{height: 3vw;max-height:24px;min-height: 18px;left:0;}
    .bannerppt .btn span{width: 2%;max-width:14px;min-width:10px;height: 2vw;max-height:14px;min-height:10px;margin:0 1.5%;border: 2px solid #fff;background: #aaa;border-radius: 50%;}
    .bannerppt .btn span.on{background-color: #096;}

    .searchbox{padding: 15px 0 20px;}

    .clabox{width:100%;background: none;}
    .clabox .cont{padding:0;}
    .clabox .cont ul{width:calc(100% + 10px);margin-left: -5px;overflow: hidden;}
    .clabox .cont ul li{width:33.33%;margin: 0;border:0;padding:0 5px;float: left;text-align: center;}
    .clabox .cont ul li h2 a{height: 50px;line-height: 30px;border: 0;padding: 10px;background: #096;margin: 0;border-radius: 5px;color: #fff;font-weight: bold;}
    .clabox .cont ul li:hover h2 a{color: #fff;background: #ffa000;}
    .probox{width:100%;padding-top: 10px;}
    .probox .mob-cont{display: block;height: auto;}
    .probox .cont ul{width:calc(100% + 10px);margin-left: -5px;}
    .probox .cont ul li{width:33.33%;padding:5px;}
    .probox .cont ul li p em{padding-bottom: 66.67%;}

    .xbanner{padding: 35px 0;box-shadow: none;margin: 20px auto 50px;}
    .xbanner div{height: auto;padding: 70px 10px 0 10px;overflow: hidden;text-align: center;height:100%;}
    .xbanner div img{left:calc(50% - 70px);}
    .xbanner div p{line-height: 50px;height: auto;}
    .xbanner div span{line-height: 30px;height: auto;}

    .difficulty ul .txt1{left: 0;margin-left: 0;}
    .difficulty ul .txt5{left:auto;right:0;margin-left: 0;}
    .advantages ul li .txt{padding-top: 25px ;}
    .advantages ul li .txt p,.home-title p{font-weight: bold;}

    .companybox .txtbox .titl{height: 90px;}
    .companybox .txtbox .titl img{height: 60px;}
    .companybox .txtbox .titl a{font-size: 30px;padding-left: 15px;line-height: 88px;font-weight: bold;}

    .zixunbox .w1200{padding:10px 320px 35px 2%;}
    .newsbox .list{padding-left: 0;}
    .newsbox .list .img{display: none;}
    .faqbox{width: 280px;}
    
    .contactbox ul{width: calc(100% + 10px);margin-left: -5px;}
    .contactbox ul li{padding: 15px 5px;}
    .contactbox ul li p{padding:24px 9px 24px 64px;}
    .contactbox ul li img{left: -20px;}
    
	.linkbox ul li{float:left;}
    .pro-nav-box .cont ul li{width:16.66%}
    
    .footbox{text-align: center;}
    .footbox .foot-logo{width: 100%;background: none;height: auto;padding: 15px 0 0;margin: 0;}
    .footbox .foot-logo .pc-img{display: none;}
    .footbox .foot-logo .mob-img{display: inline-block;}
    .footbox .middlebox{padding: 0;width: 100%;}
	.footbox .foot-nav a{display: inline;}
    .footbox .foot-txt{padding: 15px 0 25px;}
    .footbox .foot-ewm{width: 100%;padding: 0 0 30px;}

    .leftmain{width: 100%;overflow: visible;}
    .leftmain .column,.leftmain .column .tit{display: none;}
    .leftmain .column .cont{border: 0;padding: 0;width:calc(100% + 10px);margin-left: -5px;}
    .leftmain .nygywm .cont p{width:20%;padding:5px;float: left;}
    .leftmain .nygywm .cont a{background: #096;color: #fff;font-weight: bold;padding:7px;border: 0;height: auto;border-radius: 5px;text-align: center;}
    .leftmain .nygywm .cont a:hover{background: #ffa000;color: #fff;}
    .leftmain .nyfl{overflow: visible;display:block;}
    .leftmain .nyfl .cont{background: none;overflow: visible;max-width: 320px;margin: 0 auto;}
    .leftmain .nyfl .cont li{width: 50%;max-width: 160px;float: left;padding: 5px;position: relative;}
    .leftmain .nyfl .cont li h2{height: auto;border: 0;}
    .leftmain .nyfl .cont li h2 span{background: #096;color: #fff;font-weight: bold;text-align: center;padding: 5px;border-radius: 5px;}
    .leftmain .nyfl .cont li dl{width:calc(100% - 10px);position: absolute;left: 5px;top:100%;background-color: #096;border-radius: 5px;border: 0;padding: 0 15px;opacity: 0;z-index:2;}
    .leftmain .nyfl .cont li dl dt a{text-align: center;text-indent: 0;background: none;color: #c8ffed;line-height: 30px;height: 0;}
    .leftmain .nyfl .cont li dl dt a:hover{color: #fff;background: none;}
    .leftmain .nyfl .cont li.on h2 span{color: #fff;}
    .leftmain .nyfl .cont li.on dl{padding: 10px 15px 15px;opacity: 1;}
    .leftmain .nyfl .cont li.on dl dt a{height: 30px;}

    .container ~ .pro-nav-box ~ .footbox .foot-logo{background: none;}
    .rightmain{width: 100%;max-width: 100%;}
    .contacts .text{width: 100%;}
    .contacts .map{width: 100%;height: 300px;}

    .productmore .pro_list_con ul li{width: 33.33%;}
    .wzdtpage{width:96%;}
    .wzdtpage .cont .bum_con ul li{width: 25%;}
}

@media screen and (max-width:767px){
    .searchbox .text{display: none;}
    .searchbox .ssbox{width: 100%;max-width: 100%;}
    .probox .cont ul li{width:50%;}
    .probox .cont ul li:last-child{display: none;}
    .xbanner div p{font-size: 18px;}
    .xbanner div span{font-size: 14px;}
    
    .difficulty ul{background: url(../images/bg-pic3.jpg) center bottom no-repeat;width:calc(100% + 10px);margin-left: -5px;padding: 25px 0 50px;height: auto;}
    .difficulty ul li{background-color: #096;border-radius: 5px;position: relative;left: auto!important;top: auto!important;right: auto!important;bottom: auto!important;margin: 5px !important;float: left;width:calc(50% - 10px);padding:15px 15px 45px;height:auto;overflow: hidden;}
    .difficulty ul li span{color: #fff;position: absolute;left: 0;bottom: 15px;}
    .difficulty ul li p{color: #fff;}
    
    .advantages{margin: 35px auto 40px;background: none;}
    .advantages ul{width: calc(96% + 10px);}
    .advantages ul li{width: calc(100% - 10px);height:225px;margin: 5px;border-radius: 5px;}
    .advantages ul li .pic{width: 50%;float: left;}
    .advantages ul li:nth-of-type(even) .pic{position: relative;float: right;}
    .advantages ul li .txt{width: 50%;float: left;padding: 34px 3% 0;}
    
    .companybox .txtbox .titl a{position: absolute;left: 0;padding: 0;top: 30px;height: 50px;line-height: 50px;}
    .companybox .txtbox .cont .tit{line-height: 2;font-size: 18px;height: 40px;}
    .companybox .txtbox .cont .txt{line-height: 1.8;margin: 0 0 6px;}
    .companybox .txtbox .cont .btn a{width: calc(50% - 20px);max-width: 140px;;margin-right: 10px;}
    
    .zixunbox .w1200{padding:10px 4% 35px;}
    .newsbox .list{height: auto;margin-bottom: 15px;}
    .newsbox .list ul{height:auto;}
    .newsbox .list ul li{height:auto;padding:12px 0 10px 90px;}
    .newsbox .list ul li .time1{top:20px;}
    .newsbox .list ul li .text{height: auto;max-height: 75px;}
    .faqbox{width: 100%;max-width: 100%;position: relative;right:0;top: 0;}
    .faqbox .cont{height: auto;}
    .faqbox .cont .img{height: auto;margin-bottom: 20px;}
    .faqbox .cont .img img{width: 100%;height: auto;}
    .faqbox .cont ul{height: auto;}
    .faqbox .cont ul li{padding-right: 100px;}
    .faqbox .cont ul li span{display: block;}
    
    .contactbox{padding: 35px 0 40px;}
    .contactbox ul{padding-bottom: 10px;}
    .contactbox ul li{width:100%;padding:5px;}
    .contactbox ul li p{padding:24px 9px 24px 99px;}
    .contactbox ul li img{left: 0;}

    .linkbox ul{padding-left: 80px;}
    .pro-nav-box{display: none;}
    
    .leftmain .nygywm .cont p,.wzdtpage .cont .bum_con ul li{width:33.33%;}
    .pro_list_con ul li,.productmore .pro_list_con ul li{width: 50%;}
    .prodetail .picinfo .left{width:100%;max-width: 360px;margin: 0 auto;float: none;}
    .prodetail .picinfo .right{padding:15px 0;width:100%;}
    .newslist .cont ul li .text .txt{height:auto;}
}
@media screen and (max-width:600px){
    .xbanner{padding:0;background: none;margin: 15px auto 40px;}
    .xbanner div{width:100%;border:0;background-color: #096;margin: 5px 0;border-radius: 5px;padding:25px 0 25px 40%;text-align: left;}
    .xbanner div img{top:50%;margin-top: -30px;left: auto;left:calc(40% - 140px)}
    .xbanner div p{font-size: 24px;line-height: 40px;}
    .xbanner div span{font-size: 18px;}
    .xbanner div img{left:calc(30% - 80px)}
    .difficulty{width: 100%;}
    .difficulty ul{width: calc(96% + 10px);margin: 0 auto;}
    .difficulty ul li{width:calc(100% - 10px);}
    .companybox .txtbox{width: 100%;}
    .companybox .txtbox .titl{height: 120px;text-align: center;background: url(../images/icon8.png) calc(50% - 4em) 83px no-repeat, url(../images/icon9.png) calc(50% + 4em) 83px no-repeat ;font-size: 30px;}
    .companybox{height: auto;padding-bottom: 35px;}
    .companybox .txtbox .titl img{float: none;}
    .companybox .txtbox .titl a{left: 50%;margin-left: -2em;top: 60px;}
    .companybox .txtbox .cont{padding:4% 5% 6%;background-color: #f5f5f5;height: auto;border-color: #f5f5f5;}
    .companybox .picbox{height:auto;width: 100%;position: relative;}
    .companybox .picbox img{width: 100%;}
    .zixunbox{padding:35px 0}
    .footbox{background-size: auto 100%;}
}

@media screen and (max-width:475px){
    .clabox .cont ul li h2 a{font-size: 14px;}
    .probox .cont ul li span{height:40px;line-height: 40px;}
    .xbanner div{padding-left:30%;margin: 3px auto;}
    .xbanner div img{left:calc(30% - 115px)}
    .advantages .title span{width:110px;font-size: 16px;}
    .advantages .title span em{padding: 7px 0 3px;}
    .advantages ul{max-width: 410px;}
    .advantages ul li{height: auto;}
    .advantages ul li .pic{width: 100%;}
    .advantages ul li .txt{width: 100%;padding: 20px 5% 35px;}
    .advantages ul li .txt span{height: auto;}
    .rightmain .next p{width:100%;}
    .wzdtpage .cont .bum_con ul li{width:50%;}
}

@media screen and (max-width:425px){
    .faqbox .cont ul li{padding-right: 0;}
    .faqbox .cont ul li span{display: none;}
    .home-title span{background-position-x:calc(50% - 120px),calc(50% + 120px);}
    .contactbox .home-title span{background-position-x:calc(50% - 105px),calc(50% + 105px);}
    .contactbox ul li p{padding:24px 9px 24px 75px;}
    .contactbox ul li img{left: -15px;}
    .newslist .cont ul li .text .titl,.problem-list ul li,.newslist .list ul li{padding: 0;}
    .newslist .cont ul li .text .titl span,.problem-list ul li span,.newslist .list ul li span{display: none;}
}